@if (tcStatus && tcStatus.status === TrueCommandStatus.Connecting) {
  <button
    mat-icon-button
    id="tc-connecting"
    class="topbar-button-right"
    ixTest="truecommand-indicator"
    [matTooltip]="tooltips.connectingToTruecommand | translate"
    (click)="stopTrueCommandConnecting()"
  >
    <ix-icon
      class="truecommand-button-connecting-animation"
      name="ix-truecommand-logo-mark"
    ></ix-icon>
  </button>
}

@if (tcStatus && tcStatus.status !== TrueCommandStatus.Connecting) {
  <button
    mat-icon-button
    class="topbar-button-right truecommand-button"
    ixTest="truecommand-indicator"
    matBadgeSize="small"
    [matTooltip]="tooltips.truecommandStatus | translate"
    [matBadge]="tcsStatusMatBadge"
    [ngClass]="[tcStatus.status]"
    [ixUiSearch]="searchableElements.elements.trueCommand"
    (click)="handleClick()"
  >
    <ix-icon name="ix-truecommand-logo-mark"></ix-icon>
  </button>
}
